
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js"> 
  <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>mblog
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="一款由java开发的个人博客程序" />
    <meta name="keywords" content="钱宇豪,java,spring,mybatis,blog,mblog,开源,个人博客系统,梦海澜心,github" />
    <!-- Animate.css -->
    <link rel="stylesheet" href="https://www.qyh.me/file/blog/css/animate.css">
    <!-- Flexslider -->
    <link rel="stylesheet" href="https://www.qyh.me/file/blog/css/flexslider.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="https://www.qyh.me/file/blog/css/icomoon.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet"
          href="https://www.qyh.me/static/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" id="theme-switch" href="https://www.qyh.me/file/blog/css/style.css">
    <style>
      li {
        list-style-type: none;
      }
    </style>
    <!-- jQuery -->
    <script type="text/javascript"
            src="https://www.qyh.me/static/jquery/jquery.min.js">
    </script>
    <!-- jQuery Cookie -->
    <script src="https://www.qyh.me/file/blog/js/jquery.cookie.js">
    </script>
    <script>
      if ( $.cookie('styleCookie') === 'style-light.css') {
        $('html, body').css('background', '#eeeeee');
      }
      else if ($.cookie('styleCookie') === 'style.css') {
        $('html, body').css('background', '#222222');
      }
    </script>
    <!-- jQuery Easing -->
    <script src="https://www.qyh.me/file/blog/js/jquery.easing.1.3.js">
    </script>
    <!-- Bootstrap -->
    <script type="text/javascript"
            src="https://www.qyh.me/static/bootstrap/js/bootstrap.min.js">
    </script>
    <!-- Waypoints -->
    <script src="https://www.qyh.me/file/blog/js/jquery.waypoints.min.js">
    </script>
    <!-- Flexslider -->
    <script src="https://www.qyh.me/file/blog/js/jquery.flexslider-min.js">
    </script>
    <!-- Viewport Units Buggyfill -->
    <script src="https://www.qyh.me/file/blog/js/viewport-units-buggyfill.js">
    </script>
    <!-- Main JS  -->
    <script src="https://www.qyh.me/file/blog/js/main.js">
    </script>
    <!-- Modernizr JS -->
    <script src="https://www.qyh.me/file/blog/js/modernizr-2.6.2.min.js">
    </script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
<script src="https://www.qyh.me/file/blog/js/respond.min.js"></script>
<![endif]-->
  </head>
  <body>
    <!-- Loader -->
    <div class="fh5co-loader">
    </div>
    <div id="fh5co-page">
      <nav id="fh5co-nav" role="navigation">
        <ul>
          <li class="animate-box fh5co-active">
            <a href="https://www.qyh.me" class="transition">Home
            </a>
          </li>
          <li class="animate-box">
            <a href="https://github.com/mhlx/blog" class="transition">Github
            </a>
          </li>
        </ul>
        <a class="style-toggle js-style-toggle" data-style="default" href="#">
          <span class="fh5co-circle">
          </span>
        </a>
      </nav>
      <header id="fh5co-header" role="banner" class="fh5co-project js-fh5co-waypoint no-border" data-colorbg="#222222" data-next="yes">
        <div class="container">
          <div class="fh5co-text-wrap animate-box">
            <div class="fh5co-intro-text">
              <h1>
                <span>mblog
                </span> , 一款基于
                <span>Java
                </span>开发的个人博客程序 
              </h1>
              <h2>Developed by 
                <a href="https://www.qyh.me" target="_blank">梦海澜心
                </a>
              </h2>
            </div>
          </div>
        </div>
        <div class="btn-next animate-box fh5co-learn-more">
          <a href="#" class="scroll-btn">
            <span>查看特性
            </span>
            <i class="icon-chevron-down">
            </i>
          </a>
        </div>
      </header>
      <!-- data-colorbg="#8cc53e"  -->
      <div class="fh5co-project js-fh5co-waypoint" data-bgcolor="" data-next="yes">
        <div class="container">
          <div class="fh5co-project-inner row">
            <div class="fh5co-imgs col-md-8 animate-box">
              <div class="img-holder-1 animate-box">
                <img src="https://www.qyh.me/file/blog/QQ%E6%88%AA%E5%9B%BE20170329134119.jpg" >
              </div>
              <div class="img-holder-2 animate-box">
                <img src="https://www.qyh.me/file/blog/QQ%E6%88%AA%E5%9B%BE20170329134454.jpg" >
              </div>
            </div>
            <div class="fh5co-text col-md-4 animate-box">
              <h2>多个空间，多套模板
              </h2>
              <p>既是多主题，也是多主题，在线修改，立即可见(数据库模板)
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- data-colorbg="#FF6138" -->
      <div class="fh5co-project js-fh5co-waypoint fh5co-reverse" data-colorbg="" data-next="yes">
        <div class="container">
          <div class="fh5co-project-inner row">
            <div class="fh5co-imgs col-md-8 col-md-push-4 animate-box">
              <div class="img-holder-1 animate-box">
                <img src="https://www.qyh.me/file/blog/QQ%E6%88%AA%E5%9B%BE20170329144427.jpg" >
              </div>
              <div class="img-holder-2 animate-box">
                <img src="https://www.qyh.me/file/blog/QQ%E6%88%AA%E5%9B%BE20170329143551.jpg" >
              </div>
            </div>
            <div class="fh5co-text col-md-4 col-md-pull-8 animate-box">
              <h2>模板路径，自由定义
              </h2>
              <p>
                通过定义相同的路径来覆盖系统默认路径
                <br>
                支持PathVariable
                <br>
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- data-colorbg="#2d4059" -->
      <div class="fh5co-project js-fh5co-waypoint" data-colorbg="" data-next="yes">
        <div class="container">
          <div class="fh5co-project-inner row">
            <div class="fh5co-imgs col-md-8 animate-box">
              <div class="img-holder-1 animate-box">
                <img src="https://www.qyh.me/file/blog/QQ%E6%88%AA%E5%9B%BE20170329140038.jpg" >
              </div>
              <div class="img-holder-2 animate-box">
                <img src="https://www.qyh.me/file/blog/QQ%E6%88%AA%E5%9B%BE20170329140846.jpg" >
              </div>
            </div>
            <div class="fh5co-text col-md-4 animate-box">
              <h2>一些数据，几个标签
              </h2>
              <p>在模板中通过标签引入数据，通过标签属性指定查询参数，同时支持动态属性
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- data-colorbg="#7bc74d" -->
      <div class="fh5co-project js-fh5co-waypoint fh5co-reverse" data-colorbg="">
        <div class="container">
          <div class="fh5co-project-inner row">
            <div class="fh5co-imgs col-md-8 col-md-push-4 animate-box">
              <div class="img-holder-1 animate-box">
                <img src="https://www.qyh.me/file/blog/QQ截图20170329153932.jpg" >
              </div>
              <div class="img-holder-2 animate-box">
                <img src="https://www.qyh.me/file/blog/QQ%E6%88%AA%E5%9B%BE20170329154020.jpg" >
              </div>
            </div>
            <div class="fh5co-text col-md-4 col-md-pull-8 animate-box">
              <h2>公共模板，减少冗余
              </h2>
              <p>谁都不希望修改一个css路径，改动好几个页面
              </p>
            </div>
          </div>
        </div>
      </div>
        <!-- data-colorbg="#2d4059" -->
      <div class="fh5co-project js-fh5co-waypoint" data-colorbg="" data-next="yes">
        <div class="container">
          <div class="fh5co-project-inner row">
            <div class="fh5co-text col-md-8 animate-box">
              <p style="margin-bottom:0.5em">
                文章置顶、定时发布以及草稿箱
              </p>
              <p style="margin-bottom:0.5em">
                lucene搜索，结果高亮
              </p>
              <p style="margin-bottom:0.5em">
                评论服务，评论|回复邮件通知
              </p>
              <p style="margin-bottom:0.5em">
                RSS订阅
              </p>
              <p style="margin-bottom:0.5em">
                文件管理（可拓展七牛云等存储支持），缩略图服务
              </p>
              <p style="margin-bottom:0.5em">
                文章，空间锁保护
              </p>
              <p style="margin-bottom:0.5em">
                ping服务
              </p>
              <p style="margin-bottom:0.5em">
                sitemap
              </p>
              <p style="margin-bottom:0.5em">
                支持Google Authenticator二次登录验证
              </p>
            </div>
            <div class="fh5co-text col-md-4 animate-box">
              <h2>其他特性，一目了然
              </h2>
              <p>除了主要的模板特性之外，它还支持一些博客的基本特性
              </p>
              <p>
                <a href="https://github.com/mhlx/blog" class="btn btn-light btn-outline transition">
                  <i class="icon-github">
                  </i>GITHUB
                </a>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="fh5co-project js-fh5co-waypoint fh5co-reverse" data-colorbg="">
        <div class="container">
          <div class="fh5co-project-inner row">
            <div class="fh5co-text col-md-8 col-md-push-4 animate-box">
              <p style="margin-bottom:0.5em">
                java -jar /path/to/blog.war
              </p>
              <p style="margin-bottom:0.5em">
                删除了一些额外的功能(Ping、GraphicsMagick图片处理、OSS存储和邮件等)
              </p>
              <p style="margin-bottom:0.5em">
                需要 jdk8 | jre8
              </p>
              <p style="margin-bottom:0.5em">
                需要 80 端口
              </p>
              <p style="margin-bottom:0.5em">
                内置了jetty服务器和h2数据库
              </p>
              <p style="margin-bottom:0.5em">
                默认登录名|登陆密码：admin|admin，登录地址/login
              </p>
              <p style="margin-bottom:0.5em">
                最后更新：
                <span>2017-05-23 20:38
                </span>
              </p>
            </div>
            <div class="fh5co-text col-md-4 col-md-pull-8 animate-box">
              <h2>双击一下，立即执行
              </h2>
              <p>为了方便预览和调试，我制作了一个可执行的war包
              </p>
              <p>
                <a href="https://pan.baidu.com/s/1bpIgCgR" class="btn btn-light btn-outline transition">立即下载
                </a>
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- data-colorbg="#7bc74d" -->
      <footer id="fh5co-footer" class="js-fh5co-waypoint">
        <div class="container">
          <div class="row">
            <div class="col-md-12 text-center">
            <a href="https://www.qyh.me/changelog">Change Log</a>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12 text-center">
              Copyright © QYH.ME 2017 All Rights Reserved
            </div>
          </div>
        </div>
      </footer>
    </div>
  </body>
</html>
